<template>
  <div class="mu-option">
    <i :class="icon" :style="{color:settings.theme}" />
    <div class="text">{{ label }}</div>
  </div>
</template>

<script>
import { mapState } from 'vuex';
export default {
  name: "MuOption",
  componentName: "MuOption",
  props: {
    icon: String,
    value: String,
    label: String,
  },
  computed: {
    ...mapState(["settings"]),
  },
};
</script>

<style lang="scss" scoped>
@import "../styles/mixin.scss";
@import "./index.scss";
</style>

